<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="statics/h-ui/lib/html5shiv.js"></script>
<script type="text/javascript" src="statics/h-ui/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../statics/h-ui/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../statics/h-ui/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../statics/h-ui/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../statics/h-ui/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../statics/h-ui/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="statics/h-ui/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>产品分类</title>
</head>
<body>
<nav class="breadcrumb"> 系统设置 <span class="c-gray en">&gt;</span> 组织结构设置<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<table class="table">
		<tr>
			<td width="200" class="va-t"><ul id="treeDemo" class="ztree"></ul></td>
		</tr>
	</table>
		<form class="form form-horizontal" id="form-article-add">
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">组织编码：</label>
				<div class="formControls col-xs-4 col-sm-2">
					<input type="text" class="input-text" style="width:200px"  value="" placeholder="" id="" name="">
				</div>
				<label class="form-label col-xs-4 col-sm-1">组织简称：</label>
				<div class="formControls col-xs-4 col-sm-2">
					<input type="text" class="input-text" style="width:200px"  value="" placeholder="" id="" name="">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">组织全称：</label>
				<div class="formControls col-xs-4 col-sm-2">
					<input type="text" class="input-text" value="" placeholder="" id="" name="">
				</div>
				<label class="form-label col-xs-4 col-sm-1">所属组织：</label>
				<div class="formControls col-xs-4 col-sm-2">
					<input type="text" class="input-text" value="" id="" name="">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">地址：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input type="text" class="input-text"  value="" id="" name="">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">简介：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<textarea name="abstract" cols="" rows="" class="textarea" onKeyUp="$.Huitextarealength(this,200)"></textarea>
					<p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">备注：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<textarea name="abstract" cols="" rows="" class="textarea" onKeyUp="$.Huitextarealength(this,200)"></textarea>
					<p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-2">是否启用：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<input name="" type="checkbox" value="">
				</div>
			</div>

			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
					<button onClick="article_save();" class="btn btn-primary radius" type="button"> 保存</button>
					<button onClick="layer_close();" class="btn btn-primary radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
				</div>
			</div>
		</form>
	</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../statics/h-ui/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="../statics/h-ui/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../statics/h-ui/static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="../statics/h-ui/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../statics/h-ui/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="../statics/h-ui/lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="../statics/h-ui/lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="../statics/h-ui/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="../statics/h-ui/lib/webuploader/0.1.5/webuploader.min.js"></script> 
<script type="text/javascript" src="../statics/h-ui/lib/ueditor/1.4.3/ueditor.config.js"></script> 
<script type="text/javascript" src="../statics/h-ui/lib/ueditor/1.4.3/ueditor.all.min.js"> </script> 
<script type="text/javascript" src="../statics/h-ui/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
var setting = {
	view: {
		dblClickExpand: false,
		showLine: false,
		selectedMulti: false
	},
	data: {
		simpleData: {
			enable:true,
			idKey: "id",
			pIdKey: "pId",
			rootPId: ""
		}
	},
	callback: {
		beforeClick: function(treeId, treeNode) {
			var zTree = $.fn.zTree.getZTreeObj("tree");
			if (treeNode.isParent) {
				zTree.expandNode(treeNode);
				return false;
			} else {
				demoIframe.attr("src",treeNode.file + ".html");
				return true;
			}
		}
	}
};

var zNodes =[
	{ id:1, pId:0, name:"总裁办", open:true},
	{ id:11, pId:1, name:"教育产品发展部"},
	{ id:111, pId:11, name:"区域市场发展一部"},
	{ id:112, pId:11, name:"区域市场发展二部"},
	{ id:113, pId:11, name:"区域市场发展三部"},
	{ id:12, pId:1, name:"职业教育研究院"},
	{ id:121, pId:12, name:"产品管理部"},
    { id:122, pId:12, name:"质量管理部"},
    { id:123, pId:12, name:"产品设计中心"},
    { id:124, pId:12, name:"平台研发中心"},
];
		
var code;
		
function showCode(str) {
	if (!code) code = $("#code");
	code.empty();
	code.append("<li>"+str+"</li>");
}
		
$(document).ready(function(){
	var t = $("#treeDemo");
	t = $.fn.zTree.init(t, setting, zNodes);
	demoIframe = $("#testIframe");
	//demoIframe.on("load", loadReady);
	var zTree = $.fn.zTree.getZTreeObj("tree");
	//zTree.selectNode(zTree.getNodeByParam("id",'11'));
});
</script>
</body>
</html>